/*
 * Base structure
 */


html {
    font-size: 62.5%; /* 62.5%を指定すると「1.0 rem = 10px」 */
}

body {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
    line-height: 1.3;
    color: #444;
    -webkit-text-size-adjust: 100%;
    background: #EFF0F4;
}

ul,ol {
    list-style: none;
    padding: 0; margin: 0;
}
a:not([href]) {
    color: inherit;
}
a:not([href]):hover {
    text-decoration: none;
}

.wrapper {
    min-height:100%;
    position:static;
    overflow:hidden
}
.wrapper:before, .wrapper:after {
    content:" ";
    display:table
}
.wrapper:after {
    clear:both
}


.navbar:before,
.navbar:after { display: inline; content: normal;}
.navbar:after { clear: none;}

small, .small {
    font-size: 80%;
}
.copyright {
    font-size: 12px;
    font-size: 1.2rem;
}

/* svg icon */
#svgicon {
    display: block;
    width: 0; height: 0; overflow: hidden;
}
.cb {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
}
.cb-images {
    width: 1.125em;
}
.icon-bg {
    fill: #d4d4d5;
}
.icon-with-bg {
    fill: #fff;
}
#file_upload:hover {
	opacity: 0.8;
	cursor: pointer;
}


/* table reset */

.table-responsive {
    border: 0 none;
}
.table-striped > tbody > tr > td, .table-striped > tbody > tr > th {
    background-color: #fff;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #fff;
}
.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
    background-color: #f9f9f9;
}



/*	module
============================ */

.no-padding {
    padding: 0 !important;
}
.no-margin {
    margin: 0 !important;
}
.is-padding {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.no-border {
    border: 0 none !important;
}
.word-break{
    word-wrap: break-word
}

/* grid setting
============================ */

ul.col-2 li {
    float: left;
    width: 49%;
}
ul.col-2 li:first-child {
    margin-left: 2%;
}
ul.col-3 li {
    float: left;
    width: 32%;
    margin-left: 2%;
}
ul.col-3 li:first-child {
    margin-left: 0;
}

/*	color setting
============================ */

/* text */
.text-primary {
    color: #5D8FC2;
}
a.text-primary:hover {
    color: #3F6FAB;
}
.text-success {
    color: #18A689;
}
a.text-success:hover {
    color: #0D8969;
}
.text-info {
    color: #31708f;
}
a.text-info:hover {
    color: #245269;
}
.text-warning {
    color: #f0ad4e;
}
a.text-warning:hover {
    color: #E99133;
}
.text-danger {
    color: #DE5D50;
}
a.text-danger:hover {
    color: #CF3F34;
}

/* bg */
.bg-primary {
    color: #fff;
    background-color: #5D8FC2;
}
a.bg-primary:hover {
    background-color: #3F6FAB;
}
.bg-success {
    background-color: #dff0d8;
}
a.bg-success:hover {
    background-color: #c1e2b3;
}
.bg-info {
    background-color: #d9edf7;
}
a.bg-info:hover {
    background-color: #afd9ee;
}
.bg-warning {
    background-color: #fcf8e3;
}
a.bg-warning:hover {
    background-color: #f7ecb5;
}
.bg-danger {
    background-color: #f2dede;
}
a.bg-danger:hover {
    background-color: #e4b9b9;
}

/* btn */
.btn-default {
    color: #444;
    background-color: #F8F8F8;
    border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #444;
    background-color: #F1F1F1;
    border-color: #ccc;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #F0F0F0;
    border-color: #C4CCCE;
    color: #a2a2a2;
}
.btn-default .badge {
    color: #fff;
    background-color: #444;
}
.btn-primary {
    color: #fff;
    background-color: #5d8fc2;
    border-color: #5d8fc2;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3F6FAB;
    border-color: #3F6FAB;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #5D8FC2;
    border-color: #5d8fc2;
}
.btn-primary .badge {
    color: #5D8FC2;
    background-color: #fff;
}
.btn-success {
    color: #fff;
    background-color: #18A689;
    border-color: #18A689;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #0D8969;
    border-color: #0D8969;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #18A689;
    border-color: #18A689;
}
.btn-success .badge {
    color: #18A689;
    background-color: #fff;
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #3DA8CF;
    border-color: #3DA8CF;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #E99133;
    border-color: #E99133;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #CF3F34;
    border-color: #CF3F34;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}
.btn-link {
    font-weight: normal;
    color: #5D8FC2;
    cursor: pointer;
    border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
    color: #2a6496;
    text-decoration: underline;
    background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none;
}

/* label */
.label-default {
    background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e;
}
.label-primary {
    background-color: #5D8FC2;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #3F6FAB;
}
.label-success {
    background-color: #18A689;
}
.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #0D8969;
}
.label-info {
    background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #3DA8CF;
}
.label-warning {
    background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #E99133;
}
.label-danger {
    background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #CF3F34;
}

/* panel */
.panel-primary {
    border-color: transparent;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color:#5D8FC2;
    border-color: transparent;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}
.panel-primary > .panel-heading .badge {
    color: #5D8FC2;
    background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #5D8FC2;
}
.panel-success {
    border-color: transparent;
}
.panel-success > .panel-heading {
    color: #18A689;
    background-color: #dff0d8;
    border-color: transparent;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}
.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #18A689;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: transparent;
}
.panel-info {
    border-color: transparent;
}
.panel-info > .panel-heading {
    color: #fff;
    background-color: #42B3E5;
    border-color: transparent;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}
.panel-info > .panel-heading .badge {
    color: #fff;
    background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: transparent;
}
.panel-warning {
    border-color: transparent;
}
.panel-warning > .panel-heading {
    color: #fff;
    background-color: #fcf8e3;
    border-color: transparent;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}
.panel-warning > .panel-heading .badge {
    color: #fff;
    background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: transparent;
}
.panel-danger {
    border-color: #ebccd1;
}
.panel-danger > .panel-heading {
    color: #fff;
    background-color: #DE5D50;
    border-color: transparent;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}
.panel-danger > .panel-heading .badge {
    color: #fff;
    background-color: #DE5D50;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: transparent;
}

/* alert */

.alert-success {
    color:#fff;
    background-color:#18a689;
    border-color: transparent;
}
.alert-success hr {
    border-color: transparent;
}
.alert-success .alert-link {
    color:#fff
}
.alert-info {
    color:#fff;
    background-color:#42B3E5;
    border-color: transparent;
}
.alert-info hr {
    border-top-color:#a6e1ec
}
.alert-info .alert-link {
    color:#fff
}
.alert-warning {
    color:#fff;
    background-color:#f0ad4e;
    border-color: transparent;
}
.alert-warning hr {
    border-color: transparent;
}
.alert-warning .alert-link {
    color:#fff
}
.alert-danger {
    color:#fff;
    background-color:#DE5D50;
    border-color: transparent;
}
.alert-danger hr {
    border-color: transparent;
}
.alert-danger .alert-link {
    color:#fff
}


/*	button
============================ */

.btn {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 7px 12px;
    border-radius: 3px;
}

.btn .cb-angle-right {
	position: relative;
	top: -1px;
}

.btn-lg, .btn-group-lg > .btn {
    padding:16px;
    font-size:16px;
    font-size:1.6rem;
    line-height:1.33;
    font-weight: normal;
    border-radius: 3px;
}
.btn-sm, .btn-group-sm > .btn {
    padding:8px 10px;
    font-size:14px;
    font-size:1.4rem;
    line-height:1.5;
    border-radius: 3px;
}
.btn-xs, .btn-group-xs > .btn {
    padding: 5px;
    font-size:12px;
    font-size:1.2rem;
    line-height:1.5;
    border-radius: 3px;
}


.close {
    color:#fff;
    text-shadow: none;
    filter:alpha(opacity=80);
    opacity:.8;
    font-size: 14px;
    font-size: 1.4rem;
}
.close:hover, .close:focus {
    color:#fff;
    filter:alpha(opacity=100);
    opacity:1
}
.alert-dismissable .close, .alert-dismissible .close {
	font-size: 13px;
}

.alert-close {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
}

.modal-close {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #ccc;
    text-shadow: 0 1px 0 #fff;
}

.btn_area2 {
    padding: 16px 0 48px;
}

/*	dl-horizontal
============================ */

.dl-horizontal dt {
	text-align: left;
	white-space: normal;
	padding-bottom: 8px;
}
.dl-horizontal dd {
	padding-bottom: 8px;
}

/*	icon
============================ */

.icon_edit {
    padding: 0 !important;
    text-align: right;
}
.icon_edit .dropdown > a {
    display: block;
    padding: 13px 16px;
}
.icon_edit .dropdown-menu {
    min-width: auto;
    margin-top: -10px;
}
.icon_edit .cb {
    color: #B8BEC4;
}

.with-icon .cb {
    margin-right: 5px;
	position: relative;
	top: -2px;
}

.with-icon .cb-plus {
    fill: #C0C0C0;
}

@media (min-width:768px) {
	.icon_edit .dropdown > a {
		padding: 13px 32px 13px 16px;
	}
}

/*	tableish
============================ */

.tableish-striped .tr:nth-child(2n+1) > .td, .tableish-striped .tr:nth-child(2n+1) > .th {
    background-color: #f9f9f9;
}

@media (min-width:768px) {
    .tableish {
        display: table;
        width: 100%;
    }
    .tableish .thead {
        display: table-header-group;
    }
    .tableish .tbody {
        display: table-row-group;
    }
    .tableish .tr {
        display: table-row;
    }
    .tableish .th,
    .tableish .td {
        display: table-cell
    }
}



/*	pagination
============================ */

.pagination > li > a, .pagination > li > span {
    margin-left:2px;
    line-height:1.42857143;
    color:#333;
    background-color:#EFF2F7;
    border: 0 none;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color:#2a6496;
    background-color:#eee;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color:#fff;
    cursor:default;
    background-color:#18A689;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination >.disabled > a, .pagination >.disabled>a:hover, .pagination >.disabled>a:focus {
    background-color:#EFF2F7;
}


/*	form
============================ */

label {
    font-weight: normal;
}
.form-group .errormsg {
    margin-top: 3px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
}
dd.form-group .errormsg {
    margin-bottom: 0;
}

.form-control {
    border-radius:3px !important;
    box-shadow:none;
    border-color:#C4CCCE;
    font-size: 16px;
    font-size: 1.6rem;
    height: 40px;
    line-height: 1.5
}
textarea.form-control{
    min-height: 160px;
}
.form-control:focus {
    border-color:#3c8dbc !important;
    box-shadow:none
}
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
    box-shadow:none;
    background: none;
}
.has-success .form-control { border-color: #0D8969; background: #e7f6f3; }
.has-warning .form-control { border-color: #E99133; background: #fdf7ed; }
.has-error .form-control { border-color: #CF3F34; background: #FDF1F0; }

.has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: inherit;  background: #FDF1F0;
}

.has-error .help-block, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #de5d50;
}
.has-error .control-label {
    color: #444;
}

.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    margin-right: 5px;
}
.form-inline input + .btn {
    margin-left: 5px;
}

.form-control::-moz-placeholder {
    color:#bbb;
    opacity:1
}
.form-control:-ms-input-placeholder {
    color:#bbb
}
.form-control::-webkit-input-placeholder {
    color:#bbb
}
.form-control:not(select) {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}

.form-inline .form-group {
    margin-right: 8px;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

#drag-drop-area {
    border-radius:3px;
    box-shadow:none;
    border: 1px solid #C4CCCE;
    padding: 16px;
    text-align: center;
}

#drag-drop-area .no-image {
    fill: #d0d0d0;
    font-size: 60px;
}
#drag-drop-area {
}

#wysiwyg-area {
    height: 200px;
}

.alert-section {
    border-radius: 0;
    margin-top: -16px;
    position: relative;
}

/* form inline for smartphone */
@media (max-width:768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom:0;
        vertical-align:middle
    }
    .form-inline .form-control {
        display:inline-block;
        width:auto;
        vertical-align:middle
    }
    .form-inline .input-group {
        display:inline-table;
        vertical-align:middle
    }
    .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
        width:auto
    }
    .form-inline .input-group>.form-control {
        width:100%
    }
    .form-inline .control-label {
        margin-bottom:0;
        vertical-align:middle
    }
    .form-inline .radio, .form-inline .checkbox {
        display:inline-block;
        margin-top:0;
        margin-bottom:0;
        vertical-align:middle
    }
    .form-inline .radio label, .form-inline .checkbox label {
        padding-left:0
    }
    .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
        position:relative;
        margin-left:0
    }
    .form-inline .has-feedback .form-control-feedback {
        top:0
    }
}


/*	box
============================ */

.box {
    background: #fff;
    border-radius: 3px 3px 0 0;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.box .with-border {
    border-top: 1px solid #D1D8D9;
}
.box .with-border2 {
    border-top: 1px dotted #D1D8D9;
}
.box-header {
    display: block;
    padding: 12px 16px;
    position: relative;
}
.box-header.with-arrow {
    padding-right: 50px
}
.box-header::before, .box-header::after {
    content: " ";
    display: table;
}
.box-header::after {
    clear: both;
}
.box-header .icon_wrap {
    display: inline-block;
    width: 32px; height: 32px;
    line-height: 32px;
    background: #EFF2F7;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    right: 16px; top: 12px;
    color: #666;
}
.box-header a.icon_wrap:hover {
    background: #f2f5f9;
}
.box-title {
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    height: 32px; line-height: 32px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.box-title .normal {
    font-weight: normal;
    margin-left: 16px;
}
.box-body {
    padding: 16px;
    border-top: 1px solid #D1D8D9;
}
.box-body.dropdown-menu {
    border: 0 none;
    border-top: 1px solid #D1D8D9;
    position: relative;
    float: none;
}
.no-header .box-body {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top: 0 none;
}
.box-footer {
    background-color: #fff;
    border-top: 1px solid #D1D8D9;
    padding: 10px 16px;
}

.form-horizontal .control-label {
    text-align: left;
    font-weight: normal;
    margin-bottom: 10px;
}
.box .form-horizontal .accordion .toggle,
.box .form-horizontal .text_link {
    display: block;
    padding: 5px 0;
}
.form-horizontal .photo_files {
    border-radius:3px;
    border: 1px solid #C4CCCE;
    padding: 16px 16px 0 0;
    text-align: center;
    min-height: 100px;
}
.form-horizontal .photo_files li {
    width: 150px;
    float: left;
    margin-left: 16px;
    margin-bottom: 16px;
    position: relative;
}
.form-horizontal .photo_files li .delete-image {
    display: block;
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: -13px;
    top: -13px;
    border: 1px solid #C4CCCE;
    background: rgba(248, 248, 248, 0.9);
    color: #666666;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.form-horizontal .photo_files li a .cb {
    position: relative;
    top: -3px;
}
.form-horizontal .photo_files li a:hover {
    color: #cdcdcd;
	cursor: pointer;
}
.form-horizontal .photo_files li img {
    max-width: 100%;
}

.add_item li {
    float: left;
    width: 80px; height: 80px;
    overflow: hidden;
    background: #efefef;
    margin-right: 16px;
}
.add_item li a {
    display: block;
    width: 80px; height: 80px;
    line-height: 80px;
    font-size: 0;
    border: 1px solid #C4CCCE;
    color: #C1C1C1;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
}
.add_item li a .cb {
    font-size: 30px;
    vertical-align: middle;
}
.add_item li a:hover {
    color: #cdcdcd;
}
.add_item li img {
    max-width: 100%;
    vertical-align: middle;
}

.tag_list {
    font-size: 12px;
    font-size: 1.2rem;
    padding-top: 5px;
}
.tag_list li {
    display: inline;
    color: #444;
    margin-right: 10px;
}
.tag_list button.close,
.tag_list button.close:hover {
    background-color: #B8BEC4;
    width: 15px; height: 15px;
    border-radius: 50%;
}
.tag_list button.close .cb,
.tag_list button.close:hover .cb {
    fill: #fff;
    font-size: 10px;
    font-size: 1rem;
    position: relative;
    top: -1px;
}

.tag_list .alert-dismissible {
    padding: 0;
}
.tag_list .alert-dismissable .close, .tag_list .alert-dismissible .close {
    position: static;
    float: none;
    vertical-align: middle;
    margin-right: 3px;
}

.btn_area .btn + p {
    margin-top: 16px;
}

/* item_box */

.item_box > div {
	border-top: 1px solid #d1d8d9;
    padding: 8px 16px;
}
.item_box .item_photo img {
	width: 100%;
    max-width: 80px;
}
.item_box .icon_edit {
    position: absolute;
    top: 8px; right: 16px;
    text-align: right;
    font-size: 20px;
    font-size: 2rem;
}
.item_box .item_detail textarea {
    margin-top: 8px;
    margin-bottom: 8px;
}
.no-header > .box-body .item_box:first-child {
    border-top: 0 none;
}

.item_list table {
    margin-bottom: 0;
    border-top: 1px solid #d1d8d9;
}
.item_list .item_box {
    border-top: 1px solid #d1d8d9;
    position: relative;
}

.item_list .tableish {
	display: table;
	width: 100%;
}
.item_list .tableish .thead {
	display: table-header-group;
}
.item_list .tableish .tbody {
	display: table-row-group;
}
.item_list .tableish .tr {
	display: table-row;
}
.item_list .tableish .th,
.item_list .tableish .td {
	display: table-cell;
	vertical-align: middle;
}
.item_list .item_box .item_id {
	width: 1em;
}
.item_list .item_box .item_photo {
    width: 80px;
	padding-right: 0;
}
.item_list .item_box .item_id + .item_photo {
	padding-left: 0;
}
.item_list .item_box .item_detail {
	font-size: 14px;
	font-size: 1.4rem;
}
.item_list .item_box .icon_edit {
    position: static;
    right: auto;top: auto;
}


.order_list .item_box {
    border-top: 1px dotted #d1d8d9;
    position: relative;
}
.order_list .item_box .icon_edit {
	top: 16px;
}
.order_list .item_name_area {
	padding-right: 66px;
	padding-bottom: 8px;
}
.order_list .item_box input.form-control {
	margin: 0;
}
.order_list .item_subtotal {
	margin: 8px 0;
	padding: 8px 15px;
}
.order_list .item_subtotal span {
	margin-right: 10px;
}

@media (max-width:768px) {
	.order_list  .item_box .item_quantity input {
		width: 66.6667%;
	}
}
.order_list .btn_area {
    padding: 0 0 8px;
}
.order_list .item_box > div {
    vertical-align: top;
	border-top: 0 none;
}
.order_list .item_box .item_tax .input-group {
    width: 80px;
}
.order_list .btn_area li {
    min-width: 160px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
}

.order_list .btn_area li .btn {
    min-width: 160px;
}

.order_list .with-border2 {
    padding-top: 16px;
}

/* sortable_list */

.sortable_list table {
    margin-bottom: 0;
}
.sortable_list .item_box {
    border-top: 1px solid #d1d8d9;
    position: relative;
    padding-left: 1em;
}
.sortable_list .item_box > div {
	border-top: 0 none;
}
.sortable_list .icon_sortable {
    position: absolute;
    left: 0; top: 50%;
    margin-top: -1.5em;
    padding: 0.8em 0.3em;
    width: 4%;
    color: #b8bec4;
    font-size: 20px;
    font-size: 2rem;
}
.sortable_list .icon_sortable .cb {
	position: relative;
	top: -1px;
}
.sortable_list .number_sort {
    white-space: nowrap;
    text-align: right;
}
.sortable_list .number_sort .form-group {
    margin: 0;
}
.sortable_list .number_sort input[type="number"] {
    width: 7em;
    margin-right: 5px;
    text-align: right;
}
.sortable_list .item_pattern {
    padding: 16px 2em 16px 16px;
}
.sortable_list .item_pattern + .icon_edit {
    top: 0; right: 0;
    padding: 16px 8px;
}

.ui-sortable .item_box {
	cursor: move;
}
.ui-sortable .ui-sortable-helper {
	border-bottom: 1px solid #d1d8d9;
}



/* link_list */

.link_list {
    background: #fff;
}
.link_list .tableish {
    display: table;
    width: 100%;
}
.link_list .tableish .thead {
    display: table-header-group;
}
.link_list .tableish .tbody {
    display: table-row-group;
}
.link_list .tableish .tr {
    display: table-row;
}
.link_list .tableish a.tr {
    color: #333;
    text-decoration: none;
    outline: none;
}
.link_list .tableish a.tr:hover .th,
.link_list .tableish a.tr:hover .td {
    background: #f9f9f9;
}
.link_list .tableish .th,
.link_list .tableish .td {
    display: table-cell;
    border-top: 1px dashed #d1d8d9;
    padding: 16px;
}
.link_list .tableish .tr:first-child .th,
.link_list .tableish .tr:first-child .td {
    border-top-style: solid;
}
.link_list .tableish .icon {
    width: 50px;
    vertical-align: middle;
}
.link_list .tableish .tr .td.icon:first-child {
    padding-right: 0;
}
.link_list .tableish .icon .cb {
    color: #c1c1c1;
    font-size: 32px;
    font-size: 3.2rem;
}
.link_list .tableish .icon_link {
    width: 55px;
    vertical-align: middle;
}
.link_list .tableish .item_number {
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
}
.link_list .tableish .item_number .small {
    font-weight: normal;
    font-size: 12px;
    font-size: 1.2rem;
    color: #444;
}
.link_list .tableish .item_news {
    font-size: 14px;
    font-size: 1.4rem;
}
.link_list .tableish .item_news img {
    width: auto;
    max-width: 120px;
    float: left;
    margin: 0 12px 6px 0;
}

.link_list_wrap {
    height: 236px;
	border: 0 none;
	width: 100%;
    border-top: 1px solid #d1d8d9;
	vertical-align: bottom;
}

.news_area .tableish .tr:first-child .th, .news_area .tableish .tr:first-child .td {
    border-top: 0 none;
}


/* sale_box */

.sale_box > div {
    text-align: center;
    border-top: 1px solid  #D1D8D9;
    color: #333;
    padding: 16px 0;
}
.sale_box .item_number {
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
    padding: 0 16px;
}
.sale_box .item_number span {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
}
.sale_box .item_number .small {
    font-weight: normal;
    font-size: 12px;
    font-size: 1.2rem;
    color: #444;
}
.sale_box .monthly_sale .item_number {
    font-size: 24px;
    font-size: 2.4rem;
}
.sale_box .yesterday_sale {
    font-size: 20px;
    font-size: 2rem;
    background: #F7F9FA;
}
.sale_box .today_sale {
    font-size: 20px;
    font-size: 2rem;
    background: #F7F9FA;
}

@media (min-width:768px) {
    .sale_box .yesterday_sale {
        width: 50%;
        float: left;
    }
    .sale_box .yesterday_sale .item_number {
        border-right: 1px solid  #D1D8D9;
    }
    .sale_box .today_sale {
        width: 50%;
        float: right;
    }
}


/* order_info */

#order_info .link_list {
    min-height: 236px;
    background: #fff;
}

/* readmore */

.readmore {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #D2D5DF;
    background: #F7F9FA;
}
.readmore:hover {
    color: #D2D5DF;
    opacity: 0.8;
}
.readmore .cb {
    position: relative;
    top: -2px;
}

@media (min-width:768px) {
    .item_box {
        border: 0 none;
        position: static;
    }
    .item_box > div {
        padding: 16px;
        vertical-align: middle;
    }
    .no-header > .box-body .item_box:first-child > div {
        border-top: 0 none;
    }
	.order_list  .item_box .icon_edit {
		position: absolute;
	}
	.order_list  .item_box .icon_edit .btn {
		margin: 0;
	}
    .item_box > div:first-child {
        padding-left: 16px;
    }
    .item_box > div:last-child {
        padding-right: 16px;
    }
    .item_box .item_photo {
        padding: 8px 16px;
		width: 135px;
    }
	.item_box .item_photo a:hover img {
		opacity: 0.8;
	}
    .item_box .icon_edit {
        position: static;
    }
    .icon_edit .btn {
        margin-top: 8px;
        margin-right: 16px;
    }

    /* ui-sortable */
    .tableish.ui-sortable {
        display: block;
    }
    .tableish.ui-sortable .thead {
        display: block;
    }
    .tableish.ui-sortable .tbody {
        display: block;
    }
    .tableish.ui-sortable .tr {
        display: block;
    }

    /* sortable_list */
    .sortable_list .tableish:not(.ui-sortable) .item_box {
        padding-left: 16px;
    }
	.sortable_list .tableish:not(.ui-sortable) .item_box > div {
		border-top: 1px solid #d1d8d9;
		word-break: break-all;
	}
    .sortable_list .tableish:not(.ui-sortable) .item_box > div:first-child {
        padding-left: 8px;
    }
    .sortable_list .tableish:not(.ui-sortable) .item_box > .item_pattern:first-child {
        padding-left: 16px;
    }
    .sortable_list .tableish:not(.ui-sortable) .icon_sortable {
        display: table-cell;
        position: inherit;
        vertical-align: middle;
        margin-top: 0;
    }
    .sortable_list .tableish:not(.ui-sortable) .item_pattern {
        padding: 16px;
    }
    .sortable_list .tableish:not(.ui-sortable) .icon_sortable + .item_photo {
        padding-left: 0;
    }
	.sortable_list .tableish:not(.ui-sortable) .item_pattern + .icon_edit {
		width: 4%;
	}

	.sortable_list .ui-sortable .icon_sortable {
		padding: 0.8em 0.3em;
	}
	.ui-sortable .item_pattern {
		display: block;
	}
	.ui-sortable .icon_edit {
		position: absolute;
	}

}


/* amount_area */

.amount_area {
    padding-top: 16px;
    text-align: right;
}
.amount_area dt {
    clear: left;
    float: left;
	line-height: 40px;
	height: 40px;
	vertical-align: middle;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}
.amount_area dd.form-group {
	line-height: 40px;
	height: 40px;
	vertical-align: middle;
}
.amount_area input {
	margin: 0;
}

@media (max-width:768px) {
	.amount_area dt {
		width: 30%;
	}
}

/* table_list */

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	border-bottom: 1px solid #ddd;
	border-top: 0 none;
}

.table_list tr > th, .table_list tr > td {
    vertical-align: middle;
    border-left: 1px solid #d1d8d9;
}
.table_list thead > tr > th {
    border-bottom-width: 1px;
    background: #F9F9F9;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 12px 8px;
}
.table_list tr th:first-child,
.table_list tr td:first-child {
    border-left: 0 none;
}
.table_list .icon_edit {
    text-align: center;
}
.table_list .icon_edit .dropdown-toggle {
    padding: 8px;
}

/* accordion dropdown */

dl.accordion {
    margin: 0;
}
.accordion .toggle {
    cursor: pointer;
}
.accordion .toggle .icon_down {
    font-size: 15px;
    font-size: 1.5rem;
    position: absolute;
    right: 16px; top: 22px;
}
.accordion .toggle.active .icon_down {
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
.accordion .toggle.active .icon_plus {
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.accordion .accpanel {
    display: none;
}

.accordion .toggle.with-icon:hover {
	opacity: 0.8;
}

.dropdown-menu {
    box-shadow: none;
    border-radius: 0;
    margin: 0;
}
.dropdown-menu>li>a:not([href]) {
    color: #999;
}
.dropdown-menu>li>a:not([href]):hover {
    background-color: inherit;
}
.dropdown .dropdown-toggle {
    cursor: pointer;
}
.dropdown .dropdown-toggle .icon_down {
    font-size: 15px;
    font-size: 1.5rem;
    position: absolute;
    right: 16px; top: 22px;
}
.dropdown.open .dropdown-toggle .icon_down {
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
.dropdown.open .dropdown-toggle .icon_plus {
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}



/* update-area */

.update-area p {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 8px;
}
.update-area p:last-child {
    margin-bottom: 0;
}
.update-area p .cb {
    color: #BFBFBF;
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 5px;
}


/* tree */

.tree a {
    color: #444;
}
.tree .active a {
    font-weight: bold;
}
.tree > p {
    margin: 0 0 8px;
}
.tree ul {
    margin-left: 1.2em;
}
.tree > ul {
    margin-left: 0;
}
.tree li a {
    display: inline-block;
    margin: 0 0 8px;
}
.tree ul li .cb {
    display: inline-block;
    color: #bbb;
    margin-right: 1px;
	font-size: 13px;
	font-size: 1.3rem;
	position: relative;
	top: -1px;
}


/*	modal
============================ */

.modal-header .close {
	margin-top: 5px;
}
.modal-header .close .cb {
	fill: #444;
	color: #444;
}


/*	header
============================ */

/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}


/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
    border: 0;
}

/* logo */

#header {
    position:fixed;
    left: 0;right: 0;top: 0;
    max-height:100px;
    z-index:1030;
    background: #334454;
}
#header .navbar {
    margin-bottom:0;
    border:none;
    border-radius:0;
    display: table;
    width: 100%;
}
#header .navbar > a:link{ color: #fff; text-decoration: none;}
#header .navbar > a:visited{ color: #fff; text-decoration: none;}
#header .navbar > a:hover,
#header .navbar > a.active,
#header .navbar > a:focus { color: #fff; text-decoration: none; background: #3F5467;}
#header .navbar > a:active{ color: #fff; text-decoration: none;}

#header .navbar > div > a:link{ color: #fff; text-decoration: none;}
#header .navbar > div > a:visited{ color: #fff; text-decoration: none;}
#header .navbar > div > a:hover,
#header .navbar > div > a.active,
#header .navbar > div > a:focus { color: #fff; text-decoration: none; background: #3F5467;}
#header .navbar > div > a:active{ color: #fff; text-decoration: none;}

#header .navbar > div {
    display: table-cell;
    vertical-align: middle;
}
#header .navbar .logo {
    display: none;
}
#header .navbar .logo .cb-logomark {
	font-size: 30px;
}
#header .navbar .logo .cb-logotext {
	font-size: 140px;
	fill: #fff;
	height: 64px;
	line-height: 64px;
	margin-left: 2px;
}
#header .navbar #sitename {
    display: table-cell;
    padding: 0 8px;
    font-weight: bold;
    height: 64px;
    line-height: 64px;
    max-width: 1px; /* for ellipsis */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#header .navbar #sitename .cb-external-link {
    color: #C1C1C1;
    margin-left: 8px;
    font-size: 13px;
    font-size: 1.3rem;
}
#header .navbar .navbar-menu {
    margin-right:15px;
    width: 50px;
}
#header .navbar .navbar-menu dl {
    position: relative;
    margin-bottom: 0;
}
#header .navbar .navbar-menu dt {
    height: 64px;
    line-height: 64px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    padding: 0 32px 0 8px;
	white-space: nowrap;
	font-size: 14px;
	font-size: 1.4rem;
}
#header .navbar .navbar-menu dt .cb-user-circle {
    font-size: 38px;
    font-size: 3.8rem;
}
#header .navbar .navbar-menu dt .cb-user-circle .icon-bg {
    fill: #b5bbc1;
}
#header .navbar .navbar-menu dt .icon_down {
    top: 25px;
}

#header .navbar .navbar-menu dt:hover,
#header .navbar .navbar-menu dt.active,
#header .navbar .navbar-menu dt:focus{ color: #fff; text-decoration: none; background: #3F5467;}

#header .navbar .navbar-menu dd {
    position: absolute;
	right:0; left: auto;
    border: 1px solid #D9D9D9;
    border-top: 0 none;
    background: #fff;
    padding: 16px;
    font-size: 12px;
    font-size: 1.2rem;
}
#header .navbar .navbar-menu dd .btn {
    width: 100%;
    margin-top: 8px;
}


@media (min-width:768px) {
    #header .navbar .logo {
        display: table-cell;
        background: #2f3f4e;
        margin: 0;
        font-size: 20px;
        font-weight: 300;
        width: 230px; height: 64px;
        line-height: 64px;
        padding: 0 15px;
        text-align: center;
        border-right: 1px solid #293744;
        border-bottom: 1px solid #293744;
    }
    #header .navbar .navbar-menu {
        width: 158px;
    }
}
@media (max-width:991px) {
    #header .navbar-menu .navbar-nav > li {
        float:left
    }
    #header .navbar-menu .navbar-nav {
        margin:0;
        float:left
    }
    #header .navbar-menu .navbar-nav > li > a {
        padding-top:15px;
        padding-bottom:15px;
        line-height:20px
    }
}



/*
 * bt_drawermenu
 */

.bt_toggle {
    text-align: center;
    vertical-align: middle;
    width: 54px; height: 64px;
    line-height: 64px;
}
.bt_drawermenu {
    display: block;
    height: 64px;
    padding: 22px 16px;
    vertical-align: middle;
    position: relative;
    background-color: transparent;
    background-image: none;
	white-space: nowrap;
}

.bt_drawermenu .cb-bars {
    display: block;
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff;
}




/*	Sidebar
============================ */

#side {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;

    width:230px;
    position: fixed;
    top: 64px; bottom: 0; left: 0;
    z-index:810;
    display: block;
    color: #d6dadd;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #F3F4F6;
    border-right: 1px solid #DFDFDF;
    -webkit-transition:-webkit-transform .3s ease;
    -moz-transition:-moz-transform .3s ease;
    -o-transition:-o-transform .3s ease;
    transition:transform .3s ease;

    -webkit-transform:translate(-230px, 0);
    -ms-transform:translate(-230px, 0);
    -o-transform:translate(-230px, 0);
    transform:translate(-230px, 0)
}

@media (max-width:767px) {
    #side {
        -webkit-transform:translate(-230px, 0);
        -ms-transform:translate(-230px, 0);
        -o-transform:translate(-230px, 0);
        transform:translate(-230px, 0)
    }
}

#side a {
    display: block;
    position: relative;
    padding: 10px 30px 10px 20px;
    color: #000;
    cursor: pointer;
}

#side a:link { color: #000; text-decoration: none;}
#side a:visited { color: #000; text-decoration: none;}
#side a:hover { color: #000; text-decoration: none; background: #FAFBFC;}
/*#side a.active,
#side li.active a,
#side a:focus { color: #d6dadd; text-decoration: none; background: #3F5467;}*/
#side a:active { color: #000; text-decoration: none;}


#side ul.nav-sidebar {
    padding-bottom: 50px;
}
#side ul {
    list-style: none;
}
#side li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #DFDFDF;
}
#side li a .cb {
	color: #89949B;
}
#side li a .cb:first-child {
    margin-right: 10px;
    margin-top: -3px;
}
#side li a .cb:last-child {
    font-size: 15px;
    font-size: 1.5rem;
    position: absolute;
    right: 15px; top: 14px;
}
#side li a[href] .cb:last-child {
    color: transparent;
}
#side li.active > a .cb:last-child {
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
#side ul > li.active {
	border-bottom: 0 none;
}
#side li ul {
    padding: 0;
    display: none;
}
#side li ul.active,
#side li ul[style*="block"]{
	border-top: 1px solid #DFDFDF;
}
#side ul > li > ul > li.active {
    border-bottom: 1px solid #DFDFDF;
}
#side li ul li a {
    padding: 10px 30px 10px 47px;
	font-size: 14px;
	font-size: 1.4rem;
}
#side li ul li a .cb:last-child {
    right: 5px;
}
#side li ul li ul li {
    border: 0 none;
}
#side li ul li ul li a {
    padding: 8px 30px 8px 56px;
	font-size: 92%;
	opacity: 0.8;
    border: 0 none;
}
#side li ul li ul li:hover,
#side li ul li ul li.active {
    border: 0 none;
}
#side li ul li ul {
    background: #EAEBEE !important;
}
#side li ul li ul li a {
    background: #EAEBEE !important;
	font-size: 14px;
	font-size: 1.4rem;
}
#side li ul li ul li a:hover{
    background: #FAFBFC !important;
	opacity: 1;
}
#side li.active > a {
    background: #FAFBFC !important;
}
#side li.active > a:hover{
    background: #FAFBFC !important;
}
#side > ul li.active > a {
    background: #F3F4F6 !important;
}

.sidebar-open #side {
    -webkit-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    transform:translate(0, 0)
}
#side ul > li:last-child.active {
	border-bottom: 0 none;
}
#side ul > li:last-child.active > ul {
}
#side ul > li:last-child.active > ul.active,
#side ul > li:last-child.active > ul[style*="block"]{
	border-bottom: 1px solid #DFDFDF;
}
#side ul > li:last-child > ul[style*="none"]{
	border-bottom: 0 none;
}

#side li ul li.active > a {
    background: #FAFBFC !important;
}
#side li ul li.active > a:hover {
    background: #FAFBFC !important;
}

/*	Main content
============================ */

#main {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;

    -webkit-transition:-webkit-transform .3s ease;
    -moz-transition:-moz-transform .3s ease;
    -o-transition:-o-transform .3s ease;
    transition:transform .3s ease;
    -webkit-transition:margin-left .3s ease;
    -o-transition:margin-left .3s ease;
    transition:margin-left .3s ease;
    margin-left:230px;
    z-index:820;
    padding: 0 0 50px;
    margin-top: 64px;
}


/*	hideShowPassword
============================ */

::-ms-reveal,
::-ms-clear {
    display: none !important;
}

.hideShowPassword-toggle {
    background-color: transparent;
    background-image: url(../img/wink.png); /* fallback */
    background-image: url(../img/wink.svg), none;
    background-position: 0 center;
    background-repeat: no-repeat;
    border: 2px solid transparent;
    border-radius: 0.25em;
    cursor: pointer;
    font-size: 100%;
    height: 44px;
    margin: 0;
    max-height: 100%;
    padding: 0;
    width: 46px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: 0 none;
}

.hideShowPassword-toggle .cb-eye {
    font-size: 30px;
    font-size: 3rem;
    fill: #ccc;
}

.hideShowPassword-toggle-hide .cb-eye {
    fill: #666;
    overflow: hidden;
    text-indent: -999em;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.hideShowPassword-toggle-hide {
    background-position: -44px center;
}

.hideShowPassword-toggle:hover {
    opacity: 0.8;
}

@media (max-width:767px) {
    #main {
        margin-left: 0;
    }
}
@media (min-width: 768px) {
    #main {
        margin-left: 0;
    }
}
.sidebar-open #main {
    margin-left: 230px;
}
#main h1.page-header {
    margin: 0 0 16px;
    padding: 16px;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: normal;
}
#main h1.page-header span {
    font-size: 16px;
    font-size: 1.6rem;
    margin-left: 16px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}

/* search-box */

.search-box .input_search {
    width: 86%;
    margin-right: 2%;
    float: left;
}

.search-box .input_search + .toggle {
    display: block;
    float: left;
    position: relative;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #eff0f4;
    height: 48px;width: 12%;
    padding: 3px;
    text-align: center;
    outline: none;
    color: #BFBFBF;
}

@media (min-width: 768px) {
    .search-box .input_search {
        width: 33.3333%;
        margin-left: 33.3333%;
        margin-right: 8px;
    }
    .search-box .input_search + .toggle {
        width: 40px;
    }
}
.search-box .input_search + .toggle.active {
    border-width: 1px;
    border-color:  #D1D8D9 #D1D8D9 #F8F8F8 #D1D8D9;
    background: #F8F8F8;
	z-index: 1;
}

.search-box .search-box-inner {
    clear: both;
    background: #F8F8F8;
    border-top: 1px solid #D1D8D9;
    border-bottom: 1px solid #D1D8D9;
    padding: 32px 0 16px;
    position: relative;
    top: -1px;
}
.search-box .search-box-inner .row {
    margin: 0;
}
.search-box .search-box-inner > .row {
	position: relative;
	z-index: 1;
}
.search-box .btn_area {
    padding: 16px 0 48px;
}
.search-box .toggle .cb {
    position: absolute;
    left: 50%; top: 10px;
    margin-left: -8px;
}
.search-box .toggle .cb:last-child {
    transform: rotate(-90deg);
}
.search-box .toggle.active .cb:last-child {
    transform: rotate(0deg);
}
.search-box .search-box-inner label {
    font-size: 86%;
}


/* link-with-bar */

ul.link-with-bar {
    padding: 12px;
}
ul.link-with-bar li {
    display: inline-block;
    vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
}
ul.link-with-bar li::after {
    content: "|";
    display: inline-block;
    margin: 0 5px 0 10px;
}
ul.link-with-bar li:last-child::after {
    content: "";
}

/* sort-dd */

.sort-dd {
    padding: 12px;
    text-align: right;
}
.sort-dd > li {
    display: inline-block;
    margin-left: 16px;
	font-size: 14px;
	font-size: 1.4rem;
}
.sort-dd li a {
    cursor: pointer;
}
.sort-dd .dropdown-menu {
    min-width: auto;
}
.sort-dd .dropdown .dropdown-toggle .icon_down {
    position: static;
    margin-left: 8px;
}

/* form layout */

.form-group.range .form-control,
.form-group.range label {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin-left: 1%;
    margin-right: 1%;
}
.form-group.range .form-control {
    width: 28%;
}
.form-group.range input.input_cal.form-control {
    width: 43%;
}
.form-group.range input.input_cal.form-control:first-child {
    margin-left: 0;
}

.input_tel input {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 0;
    width: 30%;
    max-width: 5em;
}
.form-group .input_tel input:first-child {
    margin-left: 0;
}
.form-group .input_name input {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2%;
    margin-bottom: 0;
    width: 48%;
}
.form-group .input_name input:first-child {
    margin-left: 0;
}
.form-group .input_zip input {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1%;
    margin-right: 1%;
    width: 30%;
    max-width: 5em;
}
.form-group .item_price input,
.form-group .item_quantity input,
.form-group .item_tax input {
    text-align: right;
    width: 50%;
}
.item_detail .form-group {
    margin: 8px 0;
}
.item_detail .item_subtotal span.small {
    margin-right: 16px;
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 0;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
	margin-left: 0;
    margin-right: 10px;
}
.radio-inline + .radio-inline:last-child, .checkbox-inline + .checkbox-inline:last-child {
	margin-right: 0;
}

#product-class-form .table-menu input[type=text].form-control {
    width: 70px;
}
#product-class-form .table-menu input[type=number].form-control {
    width: 70px;
}
#product-class-form .table-menu select.form-control {
    width: 100px;
}
#product-class-form .table-menu .radio-inline {
    padding-left: 0;
    width: 150px;
}


/* each area style */

.box-title-category {
	font-weight: normal;
}

.box-title-category a:link,
.box-title-category a:visited,
.box-title-category a:hover,
.box-title-category a:active {
	color: #444;
}
.box-title-category a:last-child {
	font-weight: bold;
}
.box-title-category .cb-angle-right {
	position: relative;
	top: -1px;
	fill:#b8bec4;
}

.price_cell input[type="text"] {
	min-width: 7em;
	text-align: right;
}


/* datetimepicker */

.bootstrap-datetimepicker-widget.dropdown-menu {
	z-index: 100;
}


/* プラグインインストール追加パネル */

div.col-xs-12.col-md-6.grid-item {
    padding-right: 2px;
    padding-left: 2px;
}

.plugin-panel {
    border: 1px solid #dedede;
    padding: 10px;
    margin: 5px;
    font-size: 1.4rem;
}

.plugin-panel-not {
    background:  #f3f4f6;
}

.plugin-panel-pr {
    background:  #ffffea;
}

.plugin-content-top {
    margin-left: 180px;
}

.plugin-logo {
    margin: 0;
}

.plugin-logo img {
    /*
    position: absolute;
    */
    width: 168px;
    height: 126px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    float: left;
}

.plugin-title {
    margin-bottom: 20px;
}

.plugin-name {
    font-weight: bold;
    margin-bottom: 5px;
}

.plugin-meta.dl-horizontal dt {
    text-align: right;
    padding-bottom: 0;
    width: 180px;
}
.plugin-meta.dl-horizontal dd {
    padding-bottom: 0;
    margin-left: 200px
}

@media(max-width: 760px)  {
    .plugin-meta.dl-horizontal dt {
        text-align: left;
    }
    .plugin-meta.dl-horizontal dd {
        margin-left: 0;
    }
}

a.plugin-name {
    font-size: 1.6rem;
}
a.plugin-name:hover {
    text-decoration: none;
}

.plugin-description {
    /*
    margin-top: 15px;
    */
    margin-bottom: 25px;
}

.plugin-panel-pr .plugin-name,
.plugin-panel-pr .plugin-description {
    font-size: 1.7rem;
}

.plugin-meta {
    padding: 0;
    list-style: none;
    margin:0 0 15px
}

.plugin-developer {
}

.plugin-table .tp {
    width: 350px;
    word-break: break-all;
}

.plugin-table .tc {
    width: 250px;
    word-break: break-all;
}

.plugin-table .tu {
    width: 400px;
}

.plugin-table .tv {
    width: 90px;
    word-break: break-all;
}

.plugin-table .ta {
    width: 50px;
    word-break: break-all;
}


/* 権限管理 */
#table-authority td .input-authority {
    width: 200px;
}
#table-authority td .input-deny-url {
    width: 100%;
}

/* ログ表示 */
#line-max {
    width: 60px;
}

textarea#log {
    font-size: 1.4rem;
    font-family: Consolas, 'Courier New', Courier, Monaco, monospace, 'ＭＳ ゴシック', 'MS Gothic', 'Osaka-等幅', 'Osaka-Mono';
    line-height: 1.9;
    color: #141823;
    background-color: #fdfdfd;
}

/* 商品登録 */
#detail_category_box__list select {
    height: 200px;
}

/*	Fixed Column
============================ */


#aside_column .with-border {
    padding-top: 16px;
    margin-top: 16px;
}

#aside_column {
    top: 0;
}

/*	Footer
============================ */

#footer {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;

    -webkit-transition:-webkit-transform .3s ease;
    -moz-transition:-moz-transform .3s ease;
    -o-transition:-o-transform .3s ease;
    transition:transform .3s ease;
    -webkit-transition:margin-left .3s ease;
    -o-transition:margin-left .3s ease;
    transition:margin-left .3s ease;
    margin-left:230px;
    z-index:820;
    padding: 0;
    margin-top: 40px;

    background:#fff;
    padding:15px;
    color:#444;
    text-align: right;
}



@media (max-width:767px) {
    #footer {
        margin-left: 0;
    }
}
@media (min-width: 768px) {
    #footer {
        margin-left: 0;
    }
}
.sidebar-open #footer {
    margin-left: 230px;
}


/*	LOGIN PAGE
============================ */

.login-box {
    margin: 7% auto;
    width: 360px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.login-logo {
    margin: 7% auto 25px;
    max-width: 1200px;
    padding: 0 5%;
    text-align: center;
}
.login-page {
    background: #d2d6de;
}
.login-box {
    margin: 0 auto 7px;
    width: 360px;
}
@media (max-width: 768px) {

    .login-box {
        margin-top: 20px;
        width: 90%;
    }
}
.login-box-body {
    background: #fff;
    color: #666;
    padding: 32px 12%;
    margin-bottom: 24px;
}
.login-box-body .form-control-feedback {
    color: #D0D0D0;
    font-size: 20px;
    top: 9px;
}
.login-logo2 {
    margin: 0;
    padding: 0 20px 30px;
    text-align: center;
}
.login-box .btn_area {
    padding-top: 10px;
}



/*	design-layout ====== */

.design-layout {
	border-collapse: collapse !important;
}
.design-layout td {
	height: 50px;
	padding: 15px 10px !important;
	border: 1px solid #ccc !important;
	background: #d0d0d0;
}
.design-layout td[rowspan] {
	width: 33%;
}
.design-layout td[id^="position"]  {
	background: #fff;
	padding-top: 25px !important;
}
.design-layout td[id^="position"]:before {
	text-align: left;
	float: left;
	background: #666;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	display: inline-block;
	position: relative;
	margin-top: -25px;
	margin-left: -10px;
	padding: 3px 5px;
}
.design-layout td#position_0:before {content: "未使用ブロック"; background: #ccc;}
.design-layout td#position_1:before {content: "head"}
.design-layout td#position_2:before {content: "#header"}
.design-layout td#position_3:before {content: "#contents_top"}
.design-layout td#position_4:before {content: "#side_left"}
.design-layout td#position_5:before {content: "#main_top"}
.design-layout td#position_6:before {content: "#main_bottom"}
.design-layout td#position_7:before {content: "#side_right"}
.design-layout td#position_8:before {content: "#contents_bottom"}
.design-layout td#position_9:before {content: "#footer"}

.design-layout td div.sort {
	border-radius: 5px;
	border: 1px solid #ccc;
	background: rgba(153,153,153,0.2);
	margin: 5px 0;
	padding: 5px;
}
.design-layout .placeholder {
    border: 1px dashed #aaa;
    height: 40px;
	margin: 0;
}

@media print {
    .no-print, #header, #side {
        display:none!important
    }
    #main {
        margin-left:0!important;
        min-height:0!important;
        -webkit-transform:translate(0, 0) !important;
        -ms-transform:translate(0, 0) !important;
        -o-transform:translate(0, 0) !important;
        transform:translate(0, 0) !important
    }
    .fixed #main {
        padding-top:0!important
    }
    .table-responsive {
        overflow:auto
    }
    .table-responsive>.table tr th, .table-responsive>.table tr td {
        white-space:normal!important
    }
}


.data-empty {
    padding: 1.5em;
    text-align: center;
}
.data-empty .cb {
    font-size: 70px;
    font-size: 7rem;
    color: #d0d0d0;
    margin: 8px;
}

/* error */

.message_box {
    padding: 1.5em;
    text-align: center;
}
.message_box .cb {
    font-size: 70px;
    font-size: 7rem;
    color: #d0d0d0;
    margin: 8px;
}
.message_box .btn_group {
	padding: 30px 0;
}

/* fees_area */

.fees_area input {
	text-align: right;
}


/* !Inline Align ------------------------------------------------------------ */
.alignL { text-align: left   !important;}
.alignC { text-align: center !important;}
.alignR { text-align: right  !important;}
.valignT { vertical-align: top    !important;}
.valignM { vertical-align: middle !important;}
.valignB { vertical-align: bottom !important;}
.blockC { margin-right: auto; margin-left: auto;}

/* !Width ------------------------------------------------------------------- */
.w03per { width: 3%  !important;}
.w05per { width: 5%  !important;}
.w10per { width: 10% !important;}
.w13per { width: 13% !important;}
.w15per { width: 15% !important;}
.w20per { width: 20% !important;}
.w25per { width: 25% !important;}
.w30per { width: 30% !important;}
.w35per { width: 35% !important;}
.w40per { width: 40% !important;}
.w45per { width: 45% !important;}
.w50per { width: 50% !important;}

.w160 { width: 160px !important;}
.w200 { width: 200px !important;}
.w300 { width: 300px !important;}

@media (min-width: 320px) {
	.max_w160 { max_width: 160px !important;}
	.max_w200 { max_width: 200px !important;}
	.max_w300 { max_width: 300px !important;}
}

/* !Floats ------------------------------------------------------------------ */
.flL    { float: left;}
.flR    { float: right;}

/* !Tools ------------------------------------------------------------------- */
.clear { clear: both;}
.block { display: block;}
.hide  { display: none;}

/* !Margin ------------------------------------------------------------------ */

.marT00 { margin-top: 0   !important;}
.marT05 { margin-top: 5px !important;}
.marT08 { margin-top: 8px !important;}
.marT10 { margin-top:10px !important;}
.marT12 { margin-top:12px !important;}
.marT15 { margin-top:15px !important;}
.marT16 { margin-top:16px !important;}
.marT20 { margin-top:20px !important;}
.marT24 { margin-top:24px !important;}
.marT25 { margin-top:25px !important;}
.marT30 { margin-top:30px !important;}
.marT32 { margin-top:32px !important;}
.marT35 { margin-top:35px !important;}
.marT40 { margin-top:40px !important;}
.marT45 { margin-top:45px !important;}
.marT50 { margin-top:50px !important;}
.marR00 { margin-right: 0   !important;}
.marR05 { margin-right: 5px !important;}
.marR08 { margin-right: 8px !important;}
.marR10 { margin-right:10px !important;}
.marR12 { margin-right:12px !important;}
.marR15 { margin-right:15px !important;}
.marR16 { margin-right:16px !important;}
.marR20 { margin-right:20px !important;}
.marR24 { margin-right:24px !important;}
.marR25 { margin-right:25px !important;}
.marR30 { margin-right:30px !important;}
.marR32 { margin-right:32px !important;}
.marR35 { margin-right:35px !important;}
.marR40 { margin-right:40px !important;}
.marR45 { margin-right:45px !important;}
.marR50 { margin-right:50px !important;}
.marB00 { margin-bottom: 0   !important;}
.marB05 { margin-bottom: 5px !important;}
.marB08 { margin-bottom: 8px !important;}
.marB10 { margin-bottom:10px !important;}
.marB12 { margin-bottom:12px !important;}
.marB15 { margin-bottom:15px !important;}
.marB16 { margin-bottom:16px !important;}
.marB20 { margin-bottom:20px !important;}
.marB24 { margin-bottom:24px !important;}
.marB25 { margin-bottom:25px !important;}
.marB30 { margin-bottom:30px !important;}
.marB32 { margin-bottom:32px !important;}
.marB35 { margin-bottom:35px !important;}
.marB40 { margin-bottom:40px !important;}
.marB45 { margin-bottom:45px !important;}
.marB50 { margin-bottom:50px !important;}
.marL00 { margin-left: 0   !important;}
.marL05 { margin-left: 5px !important;}
.marL08 { margin-left: 8px !important;}
.marL10 { margin-left:10px !important;}
.marL12 { margin-left:12px !important;}
.marL15 { margin-left:15px !important;}
.marL16 { margin-left:16px !important;}
.marL20 { margin-left:20px !important;}
.marL24 { margin-left:24px !important;}
.marL25 { margin-left:25px !important;}
.marL30 { margin-left:30px !important;}
.marL32 { margin-left:32px !important;}
.marL35 { margin-left:35px !important;}
.marL40 { margin-left:40px !important;}
.marL45 { margin-left:45px !important;}
.marL50 { margin-left:50px !important;}

/* !Padding  ---------------------------------------------------------------- */
.padT00 { padding-top: 0   !important;}
.padT05 { padding-top: 5px !important;}
.padT07 { padding-top: 7px !important;}
.padT08 { padding-top: 8px !important;}
.padT10 { padding-top:10px !important;}
.padT12 { padding-top:12px !important;}
.padT15 { padding-top:15px !important;}
.padT16 { padding-top:16px !important;}
.padT20 { padding-top:20px !important;}
.padT24 { padding-top:24px !important;}
.padT25 { padding-top:25px !important;}
.padT30 { padding-top:30px !important;}
.padT32 { padding-top:32px !important;}
.padT35 { padding-top:35px !important;}
.padT40 { padding-top:40px !important;}
.padT45 { padding-top:45px !important;}
.padT50 { padding-top:50px !important;}
.padR00 { padding-right: 0   !important;}
.padR05 { padding-right: 5px !important;}
.padR08 { padding-right: 8px !important;}
.padR10 { padding-right:10px !important;}
.padR12 { padding-right:12px !important;}
.padR15 { padding-right:15px !important;}
.padR16 { padding-right:16px !important;}
.padR20 { padding-right:20px !important;}
.padR24 { padding-right:24px !important;}
.padR25 { padding-right:25px !important;}
.padR30 { padding-right:30px !important;}
.padR32 { padding-right:32px !important;}
.padR35 { padding-right:35px !important;}
.padR40 { padding-right:40px !important;}
.padR45 { padding-right:45px !important;}
.padR50 { padding-right:50px !important;}
.padB00 { padding-bottom: 0   !important;}
.padB05 { padding-bottom: 5px !important;}
.padB08 { padding-bottom: 8px !important;}
.padB10 { padding-bottom:10px !important;}
.padB12 { padding-bottom:12px !important;}
.padB15 { padding-bottom:15px !important;}
.padB16 { padding-bottom:16px !important;}
.padB20 { padding-bottom:20px !important;}
.padB24 { padding-bottom:24px !important;}
.padB25 { padding-bottom:25px !important;}
.padB30 { padding-bottom:30px !important;}
.padB32 { padding-bottom:32px !important;}
.padB35 { padding-bottom:35px !important;}
.padB40 { padding-bottom:40px !important;}
.padB45 { padding-bottom:45px !important;}
.padB50 { padding-bottom:50px !important;}
.padL00 { padding-left: 0   !important;}
.padL05 { padding-left: 5px !important;}
.padL08 { padding-left: 8px !important;}
.padL10 { padding-left:10px !important;}
.padL12 { padding-left:12px !important;}
.padL15 { padding-left:15px !important;}
.padL16 { padding-left:16px !important;}
.padL20 { padding-left:20px !important;}
.padL24 { padding-left:24px !important;}
.padL25 { padding-left:25px !important;}
.padL30 { padding-left:30px !important;}
.padL32 { padding-left:32px !important;}
.padL35 { padding-left:35px !important;}
.padL40 { padding-left:40px !important;}
.padL45 { padding-left:45px !important;}
.padL50 { padding-left:50px !important;}

/* csv download dropdown */
.dl_dropdown .dropdown > a {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 11px 32px 11px 5px;
}
.dl_dropdown {
    padding: 0 !important;
    text-align: right;
}
.dl_dropdown .dropdown-menu {
    margin-top: -10px;
    min-width: auto;
}
.dl_dropdown .dropdown .dropdown-toggle .icon_down {
    top: 14px;
}

@media (min-width: 768px) {
    .dl_dropdown .dropdown > a {
        padding-right: 46px;
    }
    .dl_dropdown .dropdown .dropdown-toggle .icon_down {
        right: 27px;
    }
}

/* --------------------------------
    display table-responsive dropdown-menu
-------------------------------- */
@media (max-width: 767px) {
    .icon_edit .dropdown-menu {
        margin-top:  0;
    }
    .table-responsive .dropdown-menu {
        left: -160px !important;
        top: -115% !important;
    }
    .table-responsive .dropdown-menu-right {
        right: 50px;
    }
}
@media (min-width: 768px) {
    .table-responsive {
        overflow: visible;
    }
    .table-responsive.table-responsive-overflow {
        overflow: auto;
    }
}

/* --------------------------------
    display mask
-------------------------------- */
.prevention-masked {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3040;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

#shipping_info__button_new {
    margin-bottom: 20px;
}
